<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/global.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4a2.min.js"></script>
<script type="text/javascript" src="js/jquery.KinSlideshow-1.2.1.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#KinSlideshow").KinSlideshow({
				   btn:{btn_fontHoverColor:"#ffffff"}
				});
			})
		</script>
</head>

<body>

	<div class="warp">
    	<div class="head"><!--头部-->
        	<div class="lang w829">
            	<div class="fr">
                	<a href="#" class="en mr10">English</a>
               		<a href="#">中文</a>
                </div>
            </div>
            <div class="nav_wrap">
				<div class="nav w829">
					<h1 class="logo fl"><img src="images/logo.jpg" alt="" /></h1>
					<ul class="nav_lst fr">
						<li><a href="#">网站首页</a><p>HOME</p></li>
						<li><a href="#">子楹介绍</a><p>ABOUT</p></li>
						<li><a href="#">子楹动态</a><p>NEWS</p></li>
						<li><a href="#">特色课程</a><p>CLASS</p></li>
						<li><a href="#">宝宝论坛</a><p>BABY FORUM</p></li>
						<li><a href="#">教师动态</a><p>TEACHER</p></li>
						<li><a href="#">入园须知</a><p>FAQ ON LINE</p></li>  
					</ul>
				</div>
            </div>
        </div>
		
		<div class="content w829 clear"><!--主体内容-->
			<div class="slide pr">
				<div class="masklayer pa"></div>
				<div class="focus">
						<div id="KinSlideshow" style="visibility:hidden;">
							<a href="#" target="_blank"><img src="images/focus.jpg" width="829" height="233"/></a>
							<a href="#" target="_blank"><img src="images/focus.jpg" width="829" height="233"/></a>
							<a href="#" target="_blank"><img src="images/focus.jpg" width="829" height="233"/></a>
						</div> 
					<a href="#"><img src="images/focus.jpg" alt="" /></a>
				</div>
			</div>
			<div class="container ">
				<div class="c_left mt15 fl">
					<h2 class="cl_h">子楹广播</h2>
					<div class="mt15">
						<a href="#"><img src="images/pic_01.jpg" alt="" /></a>
					</div>
					<ul class="news_lst">
						<li><span>12-20 </span><a href="#">东方子楹新网站开通</a></li>
						<li><span>12-20 </span><a href="#">东方子楹新网站开通</a></li>
						<li><span>12-20 </span><a href="#">东方子楹新网站开通</a></li>
						<li><span>12-20 </span><a href="#">东方子楹新网站开通</a></li>
						<li><span>12-20 </span><a href="#">东方子楹新网站开通</a></li>
					</ul>
				</div>
				<div class="c_center fl">
					<h2 class="cc_h mt30 ml10">特色教程</h2>
					<div class="search_w ml10">
						<form action="">
							<label for="search_k">新闻搜索 <input type="text" name="search_k" id="search_k" class="search_k" value="输入关键词"/></label><input type="button" id="search_btn" class="search_btn" value="搜索" />
						</form>
					</div>
					<div class="slide_lst clear">
							<div class="rightarrow"></div>
							<div class="leftarrow"></div>
							<div class="centerCase">
								<ul class="ulIndexCase">
									<li class="lst_01">
										<a href="#">奠基基础 感受艺术</a>
									</li>
									<li class="lst_02">
										<a href="#">奠基基础 感受艺术</a>
									</li>
									<li class="lst_03">
										<a href="#">奠基基础 感受艺术</a>
									</li>
									<li class="lst_04">
										<a href="#">奠基基础 感受艺术</a>
									</li>
								</ul>
							</div>
					</div>
						<script type="text/javascript">
							$(".centerCase").jCarouselLite({
								btnNext : ".rightarrow",
								btnPrev : ".leftarrow",
								visible : 4,
								scroll : 4,
								auto : 5000,
								speed : 1000

							});

						</script>
					<div class="serve_num mt15 ml10">
						<h2 class="serve_h">服务热线</h2>
						<img src="images/pic_04.jpg" alt="" />
					</div>
				</div>
				<div class="c_right fr mr15">
					<div class="health_h">
						<p><a href="#">每周食谱</a></p>
						<p><a href="#">保健小知识</a></p>
					</div>
					<a href="#"><img src="images/pic_06.jpg" alt="" /></a>
					<div class="map mt15"><img src="images/map.jpg" alt="" /></div>
				</div>
			</div>
		</div>
		<div class="footer w829"><!--底部-->
			<p class="copyright fl">版权所有   北京东方子楹双语幼儿园</p>
			<div class="foot_nav fr">
				<p><a href="#">关于我们</a><span>|</span></p>
				<p><a href="#">在线留言</a><span>|</span></p>
				<p><a href="#">联系方式</a></p></div>
			</div>
    </div>

</body>
</html>
